/*----------------------------------* omniMD CSS *--------------------*/

/*----menu css start---*/
body {
 background-image:none;
}
.s4-notdlg .globalnav .responsivmenu {
	display:block;
}
.responsive_menuIcon {
	display:none;
}
.ServicesLink {
	width:100%;
	float:left;
	padding:10px 0 0px;
    height:20px;
	-moz-box-shadow: 0 6px 10px 0px rgba(0,0,0,0.15);
	 box-shadow: 0 6px 10px 0px rgba(0,0,0,0.15);
	 position:inherit;
    -webkit-box-shadow: 0 6px 10px 0px rgba(0,0,0,0.15);
}
div.container {
    margin: 0 auto;
    max-width: 980px;
    z-index: 1;
	width:100%;
}
div#background {

	    /*background:url("/Style Library/images/bg_repeat_home.png") repeat-x scroll 0 29px #FFFFFF !important;*/
}
.BenefitHome  div#background {
	float:left;
	width:100%;
}
.BenefitHome div#header  {
	/*height:inherit;*/
	/*float:left;*/
	width:100%;
	padding:0;
}
.BenefitHome div.globalnav, .BenefitHome div.subnav {
	/*position:inherit;*/
	width:100%;
}
.BenefitHome div.globalnav ul.deskopMenuLink {
		width:100%;
		float:none;
		height:inherit;
        display:table; 
        text-align:center;
}
.BenefitHome div.globalnav ul.deskopMenuLink  li#mnav_myclosetmaid ul {
	width:100%;
	top:16px;
	
}
.BenefitHome div.globalnav ul.deskopMenuLink  li#mnav_myclosetmaid ul li {
	width:100%;
	float:left;
}
.BenefitHome div.globalnav ul.deskopMenuLink  li#mnav_myclosetmaid ul li  a {
	margin:0;
	width:100%;
	padding:1em 0 !important;
}
.BenefitHome div.globalnav ul.main.deskopMenuLink > li, .BenefitHome div.globalnav ul.main.deskopMenuLink > li#mnav_myclosetmaid {
	width:15%;
	margin:0;
    float:none; 
    display:inline-block;
}

.BenefitHome div.globalnav ul.main.deskopMenuLink li a  {
	height:auto;
	/*padding:7px 0 1px !important;*/
	/*padding:10px !important;*/
    padding:0px 10px 1px !important;
	background-image:none;
	/*background-color:#e5e5e5;*/
	text-transform:uppercase;
	font-size:15px;
	text-align:center;
	width:100%;
	color:#7f7f7f;
	font-weight:400;
	overflow:inherit;
	position:relative;
	
}
.BenefitHome div.globalnav ul.main.deskopMenuLink li a:hover:after {
    content:'';
    width:70%;
	text-align:center;
    position: absolute;
    bottom:-6px;
    height: 1px;
	background-color:#fff;
    left: 50%;
	transform: translate(-50%, 0);
	-ms-transform:  translate(-50%, 0); 
    -webkit-transform:  translate(-50%, 0);
    background: -webkit-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -moz-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -ms-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -o-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
}
.BenefitHome div.globalnav ul.main.deskopMenuLink li a:hover:before  {
    content:'';
    width:50%;
	text-align:center;
    position: absolute;
    bottom:-2px;
	overflow:hidden;
    height: 1px;
    /*-moz-box-shadow: 0 -7px 21px 2px #000;
	 box-shadow: 0 -7px 21px 2px #000;
    -webkit-box-shadow: 0 -7px 21px 2px #000;*/
    left: 50%;
	z-index:-1;
	transform: translate(-50%, 0);
	-ms-transform:  translate(-50%, 0); 
    -webkit-transform:  translate(-50%, 0);
}

.subnav.ServicesLink ul{
	/* padding-left:125px;  */
	padding-left:117px; 
}
/*----menu css end---*/


.right-searchBox {
	width:auto;
	float:left;
}
.headerLink {
	margin:0;
	padding:0;
	width:auto;
	float:left;
}
.headerLink li {
	list-style:none;
	float:left;
	line-height:24px;
}
.loactionDropDown {
	margin:0; 
	padding:5px 2px 10px;
}
.loactionDropDown li {
	list-style:none;
}
.languageTxt {
	font-size:9px;

}
.border-span {
	line-height:16px;
}
.border-span span{
	font-size:10px;
	font-weight:400;}
}

.s4-ca #background #header .headerright  div.social {
	margin-top:7px !important;
}

div#header div.logo {
	height:auto;
}
#bodycontainer div#footer {
		width:100%;
		float:left;
	}	
/*------------------*  the-benefits-of-a-home-organization-dealership Page Rsponsve *---------------*/
.SincerelyBox {
	width:50%;
	float:left;
}
.SincerelyBoxRight {
	width:50%;
	float:right;
}

@media only screen and  (min-width:600px) {
	div.headerright {
		margin-bottom:30px !important;
        z-index:900;
	}
}
@media only screen and (min-width:320px) and (max-width:767px) {
	img {
		max-width:100%;
		height:auto;
			
	}
	body #s4-bodyContainer {
		max-width:100% !important;
		width:100% !important;
		min-width:inherit !important;
	}
	div#container  {
		max-width:100%;
	}
	.header {
		width:100%;
		height:inherit;
	}
	div.headerright {
		width:100% !important;
		float:left !important;
		margin-bottom:0;
	}

	.s4-ca div#bodycontainer {
		float:left;
		max-width:100% !important;
		padding-top:00px !important;
	}
	div#header div.logo {
		width:100% !important;
		float:left !important;
		text-align:center !important;
		padding-top:13px !important;
	}
	.toparea .div.searcharea, div.toplinks {
		width:100% !important;
	} 
	 div.searcharea, .right-searchBox {
		width:100% !important;
		float:left !important;
		text-align:center !important;	
	}
	div.welcome li.last {
			border-right:1px solid #999 !important;
			 padding-right: 10px !important;
			margin-right: 10px !important;
	}
	div#SRSB div {
		float:none !important;
	}
	ul.headerLink {
		width:100%;
		text-align:center;
		padding-bottom:10px;
	}
	div.toplinks ul.headerLink li {
		float:none;
		margin:0 17px;
		display:inline-block;
	}
	.corporatevariationpickercontainer {
		width:100%;
		margin:0 !important;
		padding:0 !important;
		text-align:center !important;
	}
    .languageSelector {
		width:100%;
		margin:0 !important;
		padding:0 !important;
		text-align:center !important;
	}
	.corporatevariationpickercontainer #ctl00_ctlVariationPicker_divCorporatePicker.LanguageBOx {
		width: 100% !important;
		text-align:center !important;
	}
    .languageSelector #LanguageSelector1_LanguageDiv {
		width: 100% !important;
		text-align:center !important;
	}
    
	.headerright div.welcome ul, div.social ul.social_media {
		width:100%;
		text-align:center;
		margin-left:0 !important;
	}
	.headerright div.welcome li {
		float:none;
		display:inline-block;
		margin-bottom:7px;
		margin-top:7px;
	}
	div.social ul.social_media {
		margin-bottom:10px;
	}
	div.social ul.social_media li {
		display:inline-block;
		vertical-align:middle;
	}
	.main_area .container-div {
		margin-top:0px;	
		max-width:100%;
	}
	.cube-option p   {
		height:inherit !important;
		text-align:justify;
	}
	.cube-option p.option-title1 {
		text-align:center;
	}
	#bodycontainer div#footer {
		text-align:center;
		margin:20px 0;
	}
	#bodycontainer div#footer div.logo {
		width:100%;
		position:relative;
		top:0;
			
	}
	#bodycontainer div#footer  .Footer{
			text-align:center;
	}
	#bodycontainer div#footer  .Footer ul {
		width:100%;
		float:left;
		margin:0;
	}
	#bodycontainer div#footer  .Footer ul li {
		float:none;
		display:inline-block;
		margin:0 7px;
	}
	/*-------- respondive Menu *----------------*/
	.s4-notdlg div.globalnav {
		position:relative;
		top:0;
		left:0;
		width:100%;
		float:left;
	}
	.s4-notdlg .globalnav {
		position:relative;
	}
	.s4-notdlg .globalnav .responsivmenu {
		width:100%;
		display:none;
		float:left;
		position:absolute;
		top:0;
	}
	.BenefitHome div.globalnav ul.main.responsivmenu > li, .BenefitHome div.globalnav ul.main.responsivmenu > li#mnav_myclosetmaid {
		width:100%;
		float:left;
	}
	.responsive_menuIcon {
		float:left;
		padding:10px;
		display:block;
	}
	
	div#header {
		padding:0;
        height:inherit;
	}


    .globalnav  ul.main li#mnav_myclosetmaid.hover {
		width:39%;
	}	
	.globalnav  ul.main li#mnav_myclosetmaid ul li {
		width:100%;
	}		
	.globalnav  ul.main li#mnav_myclosetmaid ul li a {
		float:none;
		
		width:100%;
	}
	div#SRSB div {
		line-height:1;
	}
	div.searcharea .Searchtxtfield {
		    border: 1px solid #979797;
    color: #000;
    font-size: 11px;
    height: 14px;
    width: 190px;
    margin-right: 7px;
    padding: 0;
	}
	
	/*------------------*  the-benefits-of-a-home-organization-dealership Page Rsponsve *---------------*/
	#new_dealer_info_window {
		padding:0;
	}
	.BenefitHome .globalnav  ul.main li#mnav_myclosetmaid ul li {
		width:72%;
	}
	#new_dealer_info_window .floatLeft, #new_dealer_info_window  .floatRight {
		padding:0;
		width:100%;
		text-align:center;
	}
	
	#new_dealer_info_window h1 {
		font-size:30px;
	}
	#new_dealer_info_window .button.btn_lg2_blue {
		margin:0 0 30px; !important; 
		
	}	
	.BenefitHome div#footer div.logo {
		position:inherit !important;
		float:left;
		width:100;
	}
	.BenefitHome #bodycontainer div#footer {
		width:100%;
		float:left;
	}
	.BenefitHome div.side_area {
		width:100%;
		float:left;
		text-align:left;
		padding: 15px 22px 0;
	}	
	.BenefitHome  div.main_area {
		width:93%;
		padding:0 10px;
		float:left;
	}	
	.BenefitHome .main_area.floatRight.med-large p,  .BenefitHome .main_area.floatRight.med-large ul li, .BenefitHome .main_area.floatRight.med-large div{
		text-align:justify;
	}
	.BenefitHome .main_area.floatRight.med-large .SincerelyBox  {
		width:100%;
		float:left;
	}
	.SincerelyBoxRight {
		width:100%;
		float:left;		
	}
	.BenefitHome .main_area.floatRight.med-large .nextBtn.btn_lg_blue {
		margin:0 !important;
	}
	
	/*-----* about page *------*/
	.side_area.floatRight h1{
		display:none;
		}
	.subnav.ServicesLink {
		width:100%;
		float:left;
		padding:10px 0;
		text-align:center;
	}
	.subnav.ServicesLink ul {
		width:93%;
		padding:6px 0 0;
		float:left;
		text-align:center;
	}
	.subnav.ServicesLink ul li {
		float:none;
		display:inline-block;
		margin:5px 0;
	}
	.aboutPage .main_area.floatLeft {
		text-align:center;
		margin-top:30px;
	}
	.aboutPage .main_area.floatLeft p{
		text-align:justify;
	}
	.aboutPage .side_area.floatRight {
		padding:0;
	}
	.aboutPage .ms-rtestate-field {
		width:100%;
	}
	.aboutPage .side_area.floatRight  img{
		max-width:100% !important;
		height:auto !important;
		width:100% !important;
	}
    .BenefitHome div#background {
        background-position:0px bottom !important;
    }
    .deskview-menu {
        display:none !important;
    }
    .language-dropdown-box{
        left: 50%;
        transform: translateX(-50%);
    }
    .language-selection-box {
        float:none !important;
    }
    .BenefitHome div.globalnav ul.main.deskopMenuLink li a {
        background-color: #e5e5e5;
    }
}		

@media only screen and (min-width:768px) and (max-width:1024px) {
	img {
		max-width:100%;
		height:auto;	
	}
	
	body #s4-bodyContainer {
		max-width:100% !important;
		width:100% !important;
		min-width:inherit !important;
	}
	.s4-ca div#header {
		padding:0 10px;
	}
	
	div#container  {
		max-width:100%;
	}
	div.headerright {
		width:75% !important;
		float:right !important;
		margin-bottom:13px;
	}
	.corporatevariationpickercontainer {
		margin-top:10px;
	}
	.s4-ca div#background {
		width:100%;
		background-size:1px 165px !important; 
	}
	.s4-ca div#bodycontainer {
		float:left;
		max-width:100% !important;
		padding-top:00px !important;
	}
	.s4-notdlg div.globalnav {
		top:163px;
		left:0;
		width:100%;
		float:left;
	} 
	.s4-notdlg div.globalnav ul.main li a {
		width:118px;
	}
	.s4-wpTopTable  .container-div {
		margin-top:40px;
		max-width:100%;
	}
	#bodycontainer div#footer {
		padding:0 10px;
		max-width:100%;
	}
	#bodycontainer div#footer div.logo {
		left:8px;
	}
	/*------------------*  the-benefits-of-a-home-organization-dealership Page Rsponsve *---------------*/
	.BenefitHome.s4-ca div#header  {
		width:97%;
	}
	.BenefitHome div.main_area {
		padding:0 10px;
		width:98%;
		float:left;
	}
	#new_dealer_info_window {
		height:250px;
	}
	#bodycontainer div#footer {
		width:100%;
		float:left;
	}
	#new_dealer_info_window h1 {
		font-size:27px;
	}
	.floatLeft .button.btn_lg2_blue {
		margin:0 !important;
	}
	#new_dealer_info_window .floatLeft, #new_dealer_info_window .floatRight {
		width:50%;
	}
	.BenefitHome #bodycontainer div#footer {
		width:97%;
	}
	


/*---------* about page *-----*/
		.aboutPage .MainPanel .main_area.floatLeft {
			width:65%;
			padding:0 10px;
			margin:0;
		}
		.aboutPage .MainPanel .main_area.floatLeft p {
			text-align:justify;
		}
		.aboutPage .MainPanel .side_area.floatRight {
			width:30%;
		}
		.ServicesLink {
			padding:10px 10px;
		}	
		.BenefitHome div.globalnav ul.main.deskopMenuLink li a {
			font-size:14px;
		}	
}

.language-dropdown-box {
    display: none;
    border:gray 1px solid;
    background-color:#fff;
    padding:10px 12px;
    width: 150px;
    position:absolute;
    margin-top:8px;
    z-index:900;
    right:8px;
}
.language-dropdown-box ul li {
    font-size:9px; 
    color:#999;  
    display:block;  
    width:100%;
    text-transform:capitalize !important;
}
.language-selection-box {
    position:relative;
    float: right;
    margin-right: 18px;
}

.language-dropdown-box ul li a, #language-dropdown, .selected-value-border-down a{
    color: #092869 !important;
    font-family: Arial, sans-serif;
    font-size:10px;
}

.language-dropdown-box ul li a:hover, #language-dropdown:hover, .close-right a:hover, .selected-value-border-down a:hover{
    color: #f7941d !important;
}
.close-right {
    float:right;
    text-align:right;
}
#language-dropdown, .close-right a, #menuIcon2 {
    cursor:pointer;
}
.close-right a {
    position:absolute;
    top:2px; 
    right:1px;    
}
.selected-value-border-down {
    border-bottom:1px solid gray;
}
.top-info-language-box {
    width:140px;
}
.video-round-box {
    position:relative;
}
.video-round-box .btn-get-started {
    position:absolute;
    bottom:0px;    
}
.video-round-box .title1 {
    margin-top:25px;
}
.video-round-box p.text {
    margin-top:15px;
}
.video-round-box .btn-get-started p.text {
    margin-top:0px;
}
.steps-content ul li {
    display:inline-block;
}
.steps-content ul {
    margin-bottom:0px;
}
.selected-value-show {
    font-size:9px !important; 
    color:#999;  
}
.d-table {
    display:table;
}
div#bodycontainer {
    display:inline-block;
}
li#mnav_myclosetmaid {
    background-image:none !important;
}
li#mnav_myclosetmaid a {
    color:#d81e34;    
}
@media only screen and (min-width:768px){
    div#container {
        display:table;
    }
}
.top-info-language-box > p, .language-dropdown-box ul{
    margin-bottom:0px;
}
.france-menu-view li {
    width:16.33% !important;
}
.last-home-content h2.box-title3 {
    font-size: 16px !important;
    font-weight: normal !important;
    color:#666 !important;
}
.last-home-content {
    margin-top:10px;
}
.skyblue-txt{
	color:#0072bc !important;
}
.txt-underline{
	text-decoration:none !important;
}
.txt-underline:hover{
	text-decoration:underline !important;
}
.gray-hover:hover{
	color:#666 !important;
}

.font12{
	font-size:12px;
}
@media only screen and (min-width:768px){
	.responsivmenu{
		display:none !important;
	}
}
.BenefitHome div.globalnav ul.main.deskopMenuLink li a.selected:after{
    content: '';
    width: 70%;
    text-align: center;
    position: absolute;
    bottom: -6px;
    height: 1px;
    background-color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform:  translate(-50%, 0); 
    -webkit-transform:  translate(-50%, 0);
    background: -webkit-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -moz-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -ms-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: -o-linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
    background: linear-gradient(left, hsla(347, 96%, 44%, 0) 0%, hsla(347, 96%, 44%, 1) 50%, hsla(347, 96%, 44%, 0) 100%);
}
.BenefitHome div.globalnav ul.main.deskopMenuLink ul li a:hover:after, .BenefitHome div.globalnav ul.main.deskopMenuLink ul li a.selected:after{
	display:none;
}

@-moz-document url-prefix() {

div.toplinks {
    display: inline;
    float: right;
    margin-top: -3px;
    margin-right: 1px;
}
div.welcome {
    margin-top: 18px;
}

.subnav.ServicesLink ul {
    margin-top: 10px;
  
}
}


div#header div.logo {
    z-index: 9999999999;
}

@media screen and (max-width:1024px){
	.darkbox-done .darkbox-canvas{width:600px !important; transform: translate(-50%,-50%); margin-left: 0px !important; margin-top: 0px !important; top:27% !important;}
}